<template>
    <a-icon :component="iconActive" :style="{fontSize: size+'px'}"></a-icon>
</template>

<script>
    export default {
        name: "IconActive",
        data(){
            return {
                iconActive: {
                    template: `<svg t="1617448404448" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="27728" width="200" height="200"><path d="M512 512m-512 0a512 512 0 1 0 1024 0 512 512 0 1 0-1024 0Z" fill="#1afa29" p-id="27729" data-spm-anchor-id="a313x.7781069.0.i17" class=""></path><path d="M766.967467 357.367467a25.6 25.6 0 1 1 36.1984 36.1984l-341.333334 341.333333a25.6 25.6 0 0 1-36.1984 0l-162.133333-162.133333a25.6 25.6 0 1 1 36.1984-36.1984L443.733333 680.593067 766.967467 357.376z" fill="#FFFFFF" p-id="27730"></path></svg>`
                }
            }
        },
        props: {
            size: {
                type: Number,
                default: 16,
            }
        }
    }
</script>

<style scoped>

</style>
